<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<title>详细信息</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>发布</title>
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-touch-fullscreen" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<meta name="format-detection" content="address=no">
		<link rel="stylesheet" type="text/css" href="css/common.css">
		<link rel="stylesheet" type="text/css" href="css/index.css">
		<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/center-vip.css">
		<link rel="stylesheet" href="css/user-information.css">
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/hmt.js"></script>
	</head>

	<body>
		<!--header star-->
		<header class="hasManyCity hasManyCitytwo" id="header">
			<a href="index.html" class="fl fanhui"><i class="iconfont icon-fanhui"></i></a>
			<div class="header-tit">
				详细信息
			</div>
		</header>
		<!--header end-->
		<div id="main">
			<div class="warp clearfloat">
				<div class="h-top clearfloat box-s">
					<p class="user">王小二</p>
					<div class="vip-time">
						<img src="img/vip00.png" style="width: 42px;" />
						<span id="time">
				    			到期时间:<span>2018-04-18</span>
						</span>
					</div>
				</div>
			</div>
		</div>

		<!--发布的信息-->
		<div class="mui-card">
			<!--页眉，放置标题-->
			<div class="card-head" width="100px">
				<img class="card-hear-1" src="img/footer_home_active.png" width="16%" />
				<p style="display: inline-block;">
					冯宝宝
					<sup>
									<img src="img/vip00.png" width="30px"/>
									<img src="img/authentication.png" height="22px" style="margin-left: 48px;"/>
									<img src="img/star.png" height="22px"/>&nbsp;
									<img src="img/enterprise.png" height="22px"/>&nbsp;
									<img src="img/active.png" height="22px"/>&nbsp;
									<img src="img/phone.png" height="22px"/>&nbsp;
								</sup>
				</p>
			</div>
			<!--内容区-->
			<div class="mui-card-content">
				<p style="margin-bottom: 2px;">&nbsp;3000万像素，值得你的期待</p>
				<img src="img/553b0e58b6c52.jpg" width="49%" />
				<img src="img/553b0e58b6c52.jpg" width="49%" />
			</div>
			<!--页脚，放置补充信息或支持的操作-->
			<div class="mui-card-footer">
				<span>发布于&nbsp;:&nbsp;<b>2018-06-05</b></span>
				<span>成都市</span>
			</div>
		</div>
		<ul class="mui-table-view">
			<li class="mui-table-view-cell">
				<p class="font">手机</p>
				<input type="text" value="138123456789" disabled="disabled" class="input" />
			</li>
			<li class="mui-table-view-cell">
				<p class="font">座机</p>
				<input type="text" placeholder="010-52445255" class="input" />
			</li>
			<li class="mui-table-view-cell">
				<p class="font">邮箱</p>
				<input type="text" placeholder="415258115@163.com" class="input" />
			</li>
			<li class="mui-table-view-cell">
				<p class="font">QQ</p>
				<input type="text" placeholder="415258115@163.com" class="input" />
			</li>
			<li class="mui-table-view-cell">
				<p class="font">微信</p>
				<input type="text" placeholder="415258115@163.com" class="input" />
			</li>
			<p style="margin:8px 0 0 7px; font-size: 15px; color: black;">可以留言哦:</p>
			<textarea name="" rows="4" cols="" style="width: 96%;margin-left: 2%; font-size: 14px;"></textarea>
			
			<!--底部区域-->
			<div class="user-bt0">
				<button class="user-bt1">确定</button>
			</div>
		</body>

	<script>
		document.addEventListener("plusready", function() {
			// 注册返回按键事件
			plus.key.addEventListener('backbutton', function() {
				// 事件处理
				window.history.back();
			}, false);
		});
	</script>

</html>